<table style="width:100%;" cellspacing="0" cellpadding="0">
    <tr>

    <td style="width:2%;">
        <img src="{$sStylePath}line3.gif" alt="" style="vertical-align:bottom;" />
    </td>
    <td style="width:98%;font-size:8pt;vertical-align:middle;cursor:pointer;" class="mainmenu4"
        onclick="javascript:window.location.href='{url link='public.signup'}';"
        onmouseover="this.className='mainmenu3';document.getElementById('change1').className='button';"
        onmouseout="this.className='mainmenu4';document.getElementById('change1').className='button2';">
        <div style="padding-left:5px;">
            <span style="vertical-align:middle;"> <b>{language text="not_yet_a_member_"}</b> </span>
            <input type="button" value="{language text="join_now_"}" style="vertical-align:middle;" class="button2" id="change1" />
        </div>
    </td>
    </tr>
</table>